<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>附近子页面01</title>
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="js/swiper/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
		<link rel="stylesheet" type="text/css" href="css/loading.css" />
		<link rel="stylesheet" type="text/css" href="css/base1.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link href="css/all.css" rel="stylesheet">
		
	</head>
	<style type="text/css">
		.prat{
				width: 100%;
				height: 170px;
				background-position: center;
				background-size: cover;
				/*border-radius: 15px;*/
			}
			.index_dl_01 {
				width: 45%;
				height: 200px;
				float: left;
				margin-left: 3%;
				background: #E6E6E6;
				margin-bottom: 2%;
				/*border-radius: 15px;*/
				margin-top: 3%;
				text-align: center;
				/*box-shadow: black 0 0 4px;*/
			}
	</style>
	<body>
		<div id="d4" class="mui-content">
				<section class="self">
					<dl class="index_dl_01">
						<dt><img class="prat" src="images/1.jpg" /></dt>
						<dd style="margin-top: 5px;">
							<span style="font-size: 15px;">店铺</span>
						</dd>
					</dl>
					<dl class="index_dl_01">
						<dt><img class="prat" src="images/1.jpg" /></dt>
						<dd style="margin-top: 5px;">
							<span style="font-size: 15px;">超市</span>
						</dd>
					</dl>
					<dl class="index_dl_01">
						<dt><img class="prat" src="images/1.jpg" /></dt>
						<dd style="margin-top: 5px;">
							<span style="font-size: 15px;">宾馆</span>
						</dd>
					</dl>
					<dl class="index_dl_01">
						<dt><img class="prat" src="images/1.jpg" /></dt>
						<dd style="margin-top: 5px;">
							<span style="font-size: 15px;">广场</span>
						</dd>
					</dl>
				</section>				
			</div>
	</body>
</html>
